<template>
	<view :class="$tm.vx.state().tmVuetify.black?'black bk':''">
		<tm-menubars title="分类选择" color="bg-gradient-primary-lighten" :showback="true"></tm-menubars>
		<tm-sheet :shadow="24" :height="500" :padding="[0,0]">
			<view class="pa-12 text-size-s text-weight-b blue text mb-32 round-2" :class="$tm.vx.state().tmVuetify.black?'black bk':''">基础示例</view>
			<tm-treeSelect  @change="changall" :default-selected="defaultSelec" :dot="true" height="500"  :list="list"></tm-treeSelect>
		</tm-sheet>
		<tm-sheet :shadow="24" :round="6" :height="360" classname="overflow" :padding="[0,0]">
			<tm-treeSelect :fllowTheme="false" text bg-color="blue" font-color="white" color="blue" height="500"  :list="list2"></tm-treeSelect>
		</tm-sheet>
		<tm-sheet black :shadow="24"  :padding="[0,0]">
			<view class="pa-12 text-size-s text-weight-b  text mb-32 round-2" :class="$tm.vx.state().tmVuetify.black?'black bk':''">暗黑模式</view>
			<tm-treeSelect :dot="true" black color="green" height="400" :list="list"></tm-treeSelect>
		</tm-sheet>
	</view>
</template>

<script>
	import tmFullView from "@/tm-vuetify/components/tm-fullView/tm-fullView.vue"
	import tmMenubars from "@/tm-vuetify/components/tm-menubars/tm-menubars.vue"
	import tmSheet from "@/tm-vuetify/components/tm-sheet/tm-sheet.vue"
	import tmTreeSelect from "@/tm-vuetify/components/tm-treeSelect/tm-treeSelect.vue"
	export default {
		components:{tmFullView,tmMenubars,tmSheet,tmTreeSelect},
		data() {
			return {
				defaultSelec:[2,3,6,{id:8}],
				list2:[
					{
						title:'苏州苏州',
						id:1,
						
						children:[
							{title:'苏州苏州',id:2,},
							{title:'苏州',id:3,},
							{title:'苏州',id:4,}
						]
					
					},
					{
						title:'不能选择',
						id:5,
						disabled:true,
						children:[
							{title:'苹果',id:6,},
							{title:'香蕉',id:7,},
							{title:'梨子',id:8,}
						]
					
					},
					{
						title:'水果',
						id:5,
						children:[
							{title:'苹果',id:6,},
							{title:'香蕉',id:7,},
							{title:'梨子',id:8,}
						]
					
					},
					{
						title:'水果',
						id:5,
						children:[
							{title:'苹果',id:6,},
							{title:'香蕉',id:7,},
							{title:'梨子',id:8,}
						]
					
					},
				],
				list:[
					{
						title:'苏州',
						id:1,
						children:[
							{title:'苏州',id:2,},
							{title:'苏州',id:3,},
							{title:'苏州',id:4,}
						]
					
					},
					{
						title:'水果',
						id:5,
						children:[
							{title:'苹果',id:6},
							{title:'香蕉',id:7,},
							{title:'梨子',id:8,}
						]
					
					},
				]
			}
		},
		mounted() {
			let t = this;
			
		},
		methods: {
			changall(e){
				console.log(e);
			}
		}
	}
</script>

<style>

</style>
